<%@ page contentType="text/html; charset=utf-8" 
%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" 
%><%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" 
%><%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" 
%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>center.jsp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
	html, body { height:100%; margin:0; padding:0; }
	.container { width:100%; height:100%; background-color:silver; }
	.content { width:100%; max-width:300px; height:100%; max-height:300px; background-color:red; }
	
	table { width:100%; height:100%; }
	td { width:100%; height:100%; }
	.content2 { width:100%; max-width:300px; height:100%; max-height:300px; background-color:red; margin:0 auto; }

	.wrap3 { width:100%; height:100%; background-color:silver; display:table; }	
	.container3 { width:100%; height:100%; background-color:silver; display:table-cell; vertical-align:middle; }
	.content3 { width:100%; max-width:300px; height:100%; max-height:300px; background-color:red; margin:0 auto; }
</style>
<script type="text/javascript">
</script>
</head>
<body>
<!-- <div class="container">
	<div class="content"></div>
</div> -->
<!-- <table><tr><td><div class="content2">ABC</div></td></tr></table> -->
<div class="wrap3"><div class="container3">
	<div class="content3"></div>
</div></div>
</body>
</html>